import axios from 'axios'
import store from '@/store'
import router from '@/router'
import { Message } from 'element-ui'

// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API
})
// 配置请求拦截器
/** 添加请求拦截器 **/
service.interceptors.request.use(
  config => {
    const token = store.state.user.token
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)
// 配置响应拦截器
service.interceptors.response.use(function(response) {
  if (!response.data.success) {
    // 处理token失效的情况
    // 对响应数据做点什么
    return Promise.reject(response.data.message)
  }
  return response.data
}, function(error) {
  if (error.response.status === 401 && error.response.data.code === 10002) {
    Message('身份验证以过期,请重新登录')
    store.dispatch('user/logout')
    //  js文件中 不能用$route 所以只能通过router.currentRoute.fullPath 来获取当前页面
    // 通过router路由器 来获取路由
    console.log(router)
    router.push('/login?url=' + encodeURIComponent(router.currentRoute.fullPath))
  }
  return Promise.reject(error)
})

// 暴露axios 实例
export default service
